<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/roominfo1.css">
    <script src="../jquery/jquery-3.4.1.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
    <script src="../js/indexjs/js.js"></script>

</head>
<body>
<div class="container">
    <div class="checkin Ltar Lcfx">
        <div class="Lfll Lmr30">
            <span class="Lfll">入住日期</span>
            <div class="inputbox Lfll">
                <input type="text" class="timeinput">
                <div class="arrowbox"><i></i></div>
            </div>
        </div>

        <div class="Lfll Lmr40">
            <span class="Lfll">退房日期</span>
            <div class="inputbox Lfll">
                <input type="text" class="timeinput">
                <div class="arrowbox"><i></i></div>
            </div>
        </div>

        <div class="roomnum Lfll Lmr30">
            <span>间数</span>
            <input type="text" value="1" class="roominput" readonly="readonly">
        </div>

        <div class="number Lfll Lmr40">
            <span>每间住客数</span>
            <select>
                <option value="1" selected="selected">1成人</option>
                <option value="2">2成人</option>
                <option value="2">3成人</option>
                <option value="2">4成人</option>
            </select>
        </div>

        <div class="Lfll Lmr10">
            <span>共?晚</span>
        </div>

        <div class="Lfll">
            <a href="javascript:;" class="Cbtn std_small">确认修改</a>
        </div>

        <div class="qrcode__box Lflr Lposr">
            <a href="javascript:;" class="qrcode__trigger">
                <i></i>
                <span>手机查询</span>
            </a>
            <div class="wrap-float">
                <a href="javascript:void(0)" class="href-a">boyin</a>
                <div class="float-box" style="width: 400px;left: 0">
                    <div class="dirUp">&nbsp;</div>
                    <div class="float-bd">
                        zhuyaoneirong
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="Lmt25">
        <div class="roomtype Lmt25">
            <table>
                <thead>
                <tr>
                    <td width="200">房型</td>
                    <td width="292">&nbsp;</td>
                    <td width="127">取消政策</td>
                    <td width="117">人数上限</td>
                    <td width="95">每间每晚房价</td>
                    <td width="140">1人入住总价</td>
                    <td width="165">&nbsp;</td>
                </tr>
                </thead>

                <tbody>
                <tr class="room first">
                    <td rowspan="2" class="roomtd">
                        <div class="roomname">
                            <img src="../img/room1.jpg" width="50" height="50" class="img" id="img">
                            <h3 id="roomtype">经典双床房</h3>
                            <a href="javascript:;" class="more">查看详情<i class="arrow"></i></a>
                        </div>
                    </td>

                    <td>
                        <div class="roomoffertitle">
                            <span class="name">星会员价</span>
                        </div>
                        <div class="roomserver">
                            <span>
                                不含餐饮
                            </span>
                        </div>
                    </td>
                    <td>
                        <div class="cancelorder">
                            可取消
                        </div>
                    </td>
                    <td class="maxPerRoom">
                        <div class="roomlimit">
                         <a class="tenants"><i class="Cicon tenant"></i></a>
                            <div class="limittip">
                                最多入住？位客人
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="roomunitprice Lposr exchangeArea">
                            <p><a href="javascript:;" class="unitprice line"><span class="currency">￥</span></a></p>
                            <p><a href="javascript:;" class="taxprice">税+费:</a><span class="currency">￥</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="roomtotalprice Lposr">
                            <a href="javascript:;" class="totalprice line"><span class="currency">RMB</span></a>
                        </div>
                    </td>
                    <td class="bookbox">
                        <a href="javascript:;" class="Cbtn orderbtn">预订</a>
                    </td>
                </tr>
                <tr class="room expand">
                    <td>
                        <div class="roomoffertitle">
                            <span class="name">新店促销</span>
                        </div>
                        <div class="roomserver">
                            <span>
                                不含餐饮
                            </span>
                        </div>
                    </td>
                    <td>
                        <div class="cancelorder">
                            可取消
                        </div>
                    </td>
                    <td class="maxPerRoom">
                        <div class="roomlimit">
                            <a class="tenants">
                                <i class="Cicon tenant"></i>
                            </a>
                            <div class="limittip">最多入住？位客人</div>
                        </div>
                    </td>
                    <td>
                        <div class="roomunitprice Lposr exchangeArea">
                            <p><a href="javascript:;" class="unitprice line"><span class="currency">￥</span></a></p>
                            <p><a href="javascript:;" class="taxprice">税+费:</a><span class="currency">￥</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="roomtotalprice Lposr">
                            <a href="javascript:;" class="totalprice line"><span class="currency">RMB</span></a>
                        </div>
                    </td>
                    <td class="bookbox">
                        <a href="javascript:;" class="Cbtn orderbtn">预订</a>
                    </td>
                </tr>
                <tr class="room first">
                    <td rowspan="2" class="roomtd">
                        <div class="roomname">
                            <img src="../img/room1.jpg" width="50" height="50" class="img">
                            <h3>经典双床房</h3>
                            <a href="javascript:;" class="more">查看详情<i class="arrow"></i></a>
                        </div>
                    </td>

                    <td>
                        <div class="roomoffertitle">
                            <span class="name">星会员价</span>
                        </div>
                        <div class="roomserver">
                            <span>
                                不含餐饮
                            </span>
                        </div>
                    </td>
                    <td>
                        <div class="cancelorder">
                            可取消
                        </div>
                    </td>
                    <td class="maxPerRoom">
                        <div class="roomlimit">
                            <a class="tenants"><i class="Cicon tenant"></i></a>
                            <div class="limittip">
                                最多入住？位客人
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="roomunitprice Lposr exchangeArea">
                            <p><a href="javascript:;" class="unitprice line"><span class="currency">￥</span></a></p>
                            <p><a href="javascript:;" class="taxprice">税+费:</a><span class="currency">￥</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="roomtotalprice Lposr">
                            <a href="javascript:;" class="totalprice line"><span class="currency">RMB</span></a>
                        </div>
                    </td>
                    <td class="bookbox">
                        <a href="javascript:;" class="Cbtn orderbtn">预订</a>
                    </td>
                </tr>
                <tr class="room expand">
                    <td>
                        <div class="roomoffertitle">
                            <span class="name">新店促销</span>
                        </div>
                        <div class="roomserver">
                            <span>
                                不含餐饮
                            </span>
                        </div>
                    </td>
                    <td>
                        <div class="cancelorder">
                            可取消
                        </div>
                    </td>
                    <td class="maxPerRoom">
                        <div class="roomlimit">
                            <a class="tenants">
                                <i class="Cicon tenant"></i>
                            </a>
                            <div class="limittip">最多入住？位客人</div>
                        </div>
                    </td>
                    <td>
                        <div class="roomunitprice Lposr exchangeArea">
                            <p><a href="javascript:;" class="unitprice line"><span class="currency">￥</span></a></p>
                            <p><a href="javascript:;" class="taxprice">税+费:</a><span class="currency">￥</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="roomtotalprice Lposr">
                            <a href="javascript:;" class="totalprice line"><span class="currency">RMB</span></a>
                        </div>
                    </td>
                    <td class="bookbox">
                        <a href="javascript:;" class="Cbtn orderbtn">预订</a>
                    </td>
                </tr>
                <tr class="room first">
                    <td rowspan="2" class="roomtd">
                        <div class="roomname">
                            <img src="../img/room1.jpg" width="50" height="50" class="img">
                            <h3>经典双床房</h3>
                            <a href="javascript:;" class="more">查看详情<i class="arrow"></i></a>
                        </div>
                    </td>

                    <td>
                        <div class="roomoffertitle">
                            <span class="name">星会员价</span>
                        </div>
                        <div class="roomserver">
                            <span>
                                不含餐饮
                            </span>
                        </div>
                    </td>
                    <td>
                        <div class="cancelorder">
                            可取消
                        </div>
                    </td>
                    <td class="maxPerRoom">
                        <div class="roomlimit">
                            <a class="tenants"><i class="Cicon tenant"></i></a>
                            <div class="limittip">
                                最多入住？位客人
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="roomunitprice Lposr exchangeArea">
                            <p><a href="javascript:;" class="unitprice line"><span class="currency">￥</span></a></p>
                            <p><a href="javascript:;" class="taxprice">税+费:</a><span class="currency">￥</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="roomtotalprice Lposr">
                            <a href="javascript:;" class="totalprice line"><span class="currency">RMB</span></a>
                        </div>
                    </td>
                    <td class="bookbox">
                        <a href="javascript:;" class="Cbtn orderbtn">预订</a>
                    </td>
                </tr>
                <tr class="room expand">
                    <td>
                        <div class="roomoffertitle">
                            <span class="name">新店促销</span>
                        </div>
                        <div class="roomserver">
                            <span>
                                不含餐饮
                            </span>
                        </div>
                    </td>
                    <td>
                        <div class="cancelorder">
                            可取消
                        </div>
                    </td>
                    <td class="maxPerRoom">
                        <div class="roomlimit">
                            <a class="tenants">
                                <i class="Cicon tenant"></i>
                            </a>
                            <div class="limittip">最多入住？位客人</div>
                        </div>
                    </td>
                    <td>
                        <div class="roomunitprice Lposr exchangeArea">
                            <p><a href="javascript:;" class="unitprice line"><span class="currency">￥</span></a></p>
                            <p><a href="javascript:;" class="taxprice">税+费:</a><span class="currency">￥</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="roomtotalprice Lposr">
                            <a href="javascript:;" class="totalprice line"><span class="currency">RMB</span></a>
                        </div>
                    </td>
                    <td class="bookbox">
                        <a href="javascript:;" class="Cbtn orderbtn">预订</a>
                    </td>
                </tr>
                <tr class="room first">
                    <td rowspan="2" class="roomtd">
                        <div class="roomname">
                            <img src="../img/room1.jpg" width="50" height="50" class="img">
                            <h3>经典双床房</h3>
                            <a href="javascript:;" class="more">查看详情<i class="arrow"></i></a>
                        </div>
                    </td>

                    <td>
                        <div class="roomoffertitle">
                            <span class="name">星会员价</span>
                        </div>
                        <div class="roomserver">
                            <span>
                                不含餐饮
                            </span>
                        </div>
                    </td>
                    <td>
                        <div class="cancelorder">
                            可取消
                        </div>
                    </td>
                    <td class="maxPerRoom">
                        <div class="roomlimit">
                            <a class="tenants"><i class="Cicon tenant"></i></a>
                            <div class="limittip">
                                最多入住？位客人
                            </div>
                        </div>
                    </td>
                    <td>
                        <div class="roomunitprice Lposr exchangeArea">
                            <p><a href="javascript:;" class="unitprice line"><span class="currency">￥</span></a></p>
                            <p><a href="javascript:;" class="taxprice">税+费:</a><span class="currency">￥</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="roomtotalprice Lposr">
                            <a href="javascript:;" class="totalprice line"><span class="currency">RMB</span></a>
                        </div>
                    </td>
                    <td class="bookbox">
                        <a href="javascript:;" class="Cbtn orderbtn">预订</a>
                    </td>
                </tr>
                <tr class="room expand">
                    <td>
                        <div class="roomoffertitle">
                            <span class="name">新店促销</span>
                        </div>
                        <div class="roomserver">
                            <span>
                                不含餐饮
                            </span>
                        </div>
                    </td>
                    <td>
                        <div class="cancelorder">
                            可取消
                        </div>
                    </td>
                    <td class="maxPerRoom">
                        <div class="roomlimit">
                            <a class="tenants">
                                <i class="Cicon tenant"></i>
                            </a>
                            <div class="limittip">最多入住？位客人</div>
                        </div>
                    </td>
                    <td>
                        <div class="roomunitprice Lposr exchangeArea">
                            <p><a href="javascript:;" class="unitprice line"><span class="currency">￥</span></a></p>
                            <p><a href="javascript:;" class="taxprice">税+费:</a><span class="currency">￥</span></p>
                        </div>
                    </td>
                    <td>
                        <div class="roomtotalprice Lposr">
                            <a href="javascript:;" class="totalprice line"><span class="currency">RMB</span></a>
                        </div>
                    </td>
                    <td class="bookbox">
                        <a href="javascript:;" class="Cbtn orderbtn">预订</a>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>

    </div>

</div>
</body>
</html>
<script>
    $(function(){
        $(".wrap-float").live("mouseenter",function(){
            var width=($(this).width().toString()).split("px");
            var lt=0;
            if($.browser.version != "6.0"){
                lt=parseInt(width[0])/2-10;//计算箭头针对文字的位置
            }
            $(this).css({"z-index":444});
            $(this).children(".float-box").css("display","block");
            $(this).children(".float-box").children(".dirUp").css("left",lt+"px");//箭头针对文字居中

        }).live('mouseleave', function () {
            $(this).css({"z-index":111});
            $(this).children(".float-box").css({"display":"none"});
        });

    });
</script>
<script>
    var searchUrl = window.location.href;
    var searchData = searchUrl.split("=");        //截取 url中的“=”,获得“=”后面的参数
    var hotelName = decodeURI(searchData[1]);   //decodeURI解码
$.ajax(
    {
        url:"http://localhost:8080/room/roominfo?hotelName=" + hotelName,
        type:"post",
        contentType:false,
        success:function (data) {
            console.log(data)
            $("#roomtype").text(data[0][0].roomtype);
            $("#img").attr("src", data[0][0].roomImg)
        }

    }
)
</script>